﻿body, div, span, h1, h2, h3, h4, h5, h6, p, i, ul, li, strong, input {
  padding: 0;
  margin: 0;
  font-family: PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;
  font-size: 14px; }

body.block {
  overflow: hidden;
  position: relative;
  border-bottom: 1rem; }

body.none {
  padding-bottom: 1rem; }

* {
  list-style: none;
  text-decoration: none; }

img {
  border: none; }

body {
  background: #fff; }

body.color {
  background: #fff; }

@media screen and (max-width: 2048px) {
  html {
    font-size: 273.06667px; } }

@media screen and (max-width: 1920px) {
  html {
    font-size: 256px; } }

@media screen and (max-width: 1242px) {
  html {
    font-size: 165.6px; } }

@media screen and (max-width: 1140px) {
  html {
    font-size: 152px; } }

@media screen and (max-width: 1280px) {
  html {
    font-size: 170.66667px; } }

@media screen and (max-width: 1024px) {
  html {
    font-size: 136.53333px; } }

@media screen and (max-width: 1080px) {
  html {
    font-size: 144px; } }

@media screen and (max-width: 960px) {
  html {
    font-size: 128px; } }

@media screen and (max-width: 800px) {
  html {
    font-size: 106.66667px; } }

@media screen and (max-width: 768px) {
  html {
    font-size: 102.4px; } }

@media screen and (max-width: 736px) {
  html {
    font-size: 98.13333px; } }

@media screen and (max-width: 732px) {
  html {
    font-size: 97.6px; } }

@media screen and (max-width: 720px) {
  html {
    font-size: 96px; } }

@media screen and (max-width: 667px) {
  html {
    font-size: 88.93333px; } }

@media screen and (max-width: 640px) {
  html {
    font-size: 85.33333px; } }

@media screen and (max-width: 568px) {
  html {
    font-size: 75.73333px; } }

@media screen and (max-width: 540px) {
  html {
    font-size: 72px; } }

@media screen and (max-width: 480px) {
  html {
    font-size: 64px; } }

@media screen and (max-width: 435px) {
  html {
    font-size: 58px; } }

@media screen and (max-width: 414px) {
  html {
    font-size: 55.2px; } }

@media screen and (max-width: 412px) {
  html {
    font-size: 54.93333px; } }

@media screen and (max-width: 385px) {
  html {
    font-size: 51.33333px; } }

@media screen and (max-width: 375px) {
  html {
    font-size: 50px; } }

@media screen and (max-width: 360px) {
  html {
    font-size: 48px; } }

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px; } }

@media screen and (max-width: 300px) {
  html {
    font-size: 40px; } }

/*header*/
.header {
  width: 100%;
  height: rem;
  background: url(../images/bj2.jpg) no-repeat;
  background-size: cover; }
  .header .h_left {
    width: 100%;
    height: 100%;
    background: url(../images/logo2.gif) no-repeat;
    background-size: 5.67rem 0.90rem;
    background-position: 0.3rem center;
    float: left;
    padding-left: 29.33333%;
    font-size: 0.28rem;
    color: #646464;
    line-height: 1rem;
    text-align: left; }
  .header .h_right {
    width: 20%;
    height: 100%;
    float: right;
    background: url(../images/zx.png) no-repeat;
    background-size: 0.48rem 0.45rem;
    background-position: 0.8rem center;
    position: relative; }
    .header .h_right .h_nav {
      width: 1.99rem;
      height: 3.06rem;
      background: url(../images/tishi.png) no-repeat;
      background-size: cover;
      position: absolute;
      top: 1rem;
      right: 0.1rem;
      margin: auto;
      padding-top: 0.15rem;
      transition: all .5s ease;
      transform: scale(0, 0); }
      .header .h_right .h_nav li {
        width: 100%;
        height: 25%;
        position: relative; }
        .header .h_right .h_nav li a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          margin: auto;
          font-size: 0.29rem;
          color: #fff;
          line-height: 0.7rem; }
    .header .h_right .h_nav.block {
      transform: scale(1, 1); }

/*banner*/
.banner {
  width: 100%;
  height: 6.5rem;
  background: #fff; }
  .banner .banner-centent {
    width: 100%;
    height: 3.4rem;
    position: relative; }
    .banner .banner-centent .mui-slider-indicator .mui-indicator {
      border: 0.02rem solid #fff;
      background: transparent;
      box-shadow: none;
      -webkit-box-shadow: none;
      margin: 1px 2px; }
    .banner .banner-centent .mui-slider-indicator .mui-indicator.mui-active {
      background: #fff; }
  .banner .b_list {
    width: 100%;
    height: 0.85rem;
    padding: 0 23.33333%;
    position: relative;
    margin-top: 0.1rem;
    border-bottom: 1px solid #f2f2f5; }
    .banner .b_list li {
      float: left;
      width: 50%;
      height: 100%;
      font-size: 0.32rem;
      color: #646464;
      line-height: 0.8rem;
      font-weight: 600; }
    .banner .b_list li:nth-child(2) {
      text-align: right; }
    .banner .b_list li.color {
      color: #d02431; }
    .banner .b_list .xian {
      width: 1.25rem;
      height: 2px;
      background: #d02431;
      position: absolute;
      bottom: 0;
      left: 23.33333%;
      margin: auto;
      transition: all .5s ease; }
  .banner .b_inner {
    display: none;
    width: 100%;
    height: 1.8rem;
    margin-top: 0.27rem;
    padding: 0 5.33333%;
    border-bottom: 2px solid #f2f2f5; }
    .banner .b_inner .b_search {
      width: 100%;
      height: 0.88rem;
      background: #fff;
      border-radius: 0.1rem;
      border: 1px solid #c8c8c8;
      border-right:transparent ;
    }
      .banner .b_inner .b_search .s_left {
        width: 32.83582%;
        height: 100%;
        padding: 0.13rem 0;
        float: left; }
        .banner .b_inner .b_search .s_left .sl_inner {
          width: 100%;
          height: 100%;
          border-right: 1px solid #d6d6d6;
          background: url(../images/sy3.png) no-repeat;
          background-size: 0.16rem 0.09rem;
          background-position: 1.89rem center;
          padding-right: 0.28rem;
          padding-left: 0.1rem; }
          .banner .b_inner .b_search .s_left .sl_inner select {
            width: 100%;
            height: 100%;
            border-right: 1px solid #d6d6d6;
            padding: 0;
            margin: 0;
            background: transparent;
            font-size: 0.25rem;
            text-align: center; }
      .banner .b_inner .b_search input#text {
        width: 53.73134%;
        height: 100%;
        float: left;
        border: none;
        font-size: 0.26rem;
        margin: 0;
        padding-left: 0.2rem; }
      .banner .b_inner .b_search input#submit {
        width: 12.98507%;
        height: 100%;
        background: #e92736 url(../images/sy4.png) no-repeat;
        background-size: 0.39rem 0.34rem;
        background-position: center center;
        float: right;
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        border: none;
        margin: 0; }
    .banner .b_inner .b_font {
      width: 100%;
      height: 0.8rem;
      padding-left: 0.1rem; }
      .banner .b_inner .b_font a {
        font-size: 0.26rem;
        color: #6a6a6a;
        line-height: 0.8rem;
        margin-right: 0.3rem; }
  .banner .b_inner {
    display: none;
    width: 100%;
    height: 1.8rem;
    margin-top: 0.27rem;
    padding: 0 5.33333%; }
    .banner .b_inner .b_search {
      width: 100%;
      height: 0.88rem;
      background: #fff;
      border-radius: 0.1rem; }
      .banner .b_inner .b_search .s_left {
        width: 32.83582%;
        height: 100%;
        padding: 0.13rem 0;
        float: left; }
        .banner .b_inner .b_search .s_left .sl_inner {
          width: 100%;
          height: 100%;
          border-right: 1px solid #d6d6d6;
          background: url(../images/sy3.png) no-repeat;
          background-size: 0.16rem 0.09rem;
          background-position: 1.89rem center;
          padding-right: 0.28rem;
          padding-left: 0.1rem; }
          .banner .b_inner .b_search .s_left .sl_inner select {
            width: 100%;
            height: 100%;
            border-right: 1px solid #d6d6d6;
            padding: 0;
            margin: 0;
            background: transparent;
            font-size: 0.21rem;
            text-align: center;
            color: #5d5d5d;
            font: 0.25rem Arial; }
            .banner .b_inner .b_search .s_left .sl_inner select option {
              font-size: 0.25rem; }
      .banner .b_inner .b_search input#text {
        width: 53.73134%;
        height: 100%;
        float: left;
        border: none;
        font-size: 0.26rem;
        margin: 0;
        padding-left: 0.2rem;
        color: #5d5d5d; }
      .banner .b_inner .b_search input#submit {
        width: 12.98507%;
        height: 0.89rem;
        background: #e92736 url(../images/sy4.png) no-repeat;
        background-size: 0.39rem 0.34rem;
        background-position: center center;
        float: right;
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        border: none;
        margin: 0;
        margin-top: -1px;
      }
    .banner .b_inner .b_font {
      width: 100%;
      height: 0.8rem;
      padding-left: 0.1rem; }
      .banner .b_inner .b_font a {
        font-size: 0.26rem;
        color: #6a6a6a;
        line-height: 0.8rem;
        margin-right: 0.1rem; }
  .banner .b_inner.tow {
    display: none;
    width: 100%;
    height: 1.8rem;
    margin-top: 0.27rem;
    padding: 0 5.33333%; }
    .banner .b_inner.tow .b_search {
      width: 100%;
      height: 0.88rem;
      background: #fff;
      border-radius: 0.1rem; }
      .banner .b_inner.tow .b_search .s_left {
        width: 23.8806%;
        height: 100%;
        padding: 0.13rem 0;
        float: left; }
        .banner .b_inner.tow .b_search .s_left .sl_inner {
          width: 100%;
          height: 100%;
          border-right: 1px solid #d6d6d6;
          background: url(../images/sy3.png) no-repeat;
          background-size: 0.16rem 0.09rem;
          background-position: 1.3rem center;
          padding-right: 0.28rem;
          padding-left: 0.1rem; }
          .banner .b_inner.tow .b_search .s_left .sl_inner select {
            border-right: 1px solid #d6d6d6;
            color: #5d5d5d;
            padding: 0;
            margin: 0;
            background: transparent;
            font-size: 0.25rem;
            text-align: center;
            color: #5d5d5d; }
      .banner .b_inner.tow .b_search input#text {
        width: 62.68657%;
        height: 100%;
        float: left;
        border: none;
        font-size: 0.26rem;
        margin: 0;
        padding-left: 0.2rem; }
      .banner .b_inner.tow .b_search input#submit {
        width: 12.98507%;
        height: 0.89rem;
        background: #e92736 url(../images/sy4.png) no-repeat;
        background-size: 0.39rem 0.34rem;
        background-position: center center;
        float: right;
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        border: none;
        margin: -1px; }
    .banner .b_inner.tow .b_font {
      width: 100%;
      height: 0.8rem;
      padding-left: 0.1rem; }
      .banner .b_inner.tow .b_font a {
        font-size: 0.26rem;
        color: #6a6a6a;
        line-height: 0.8rem;
        margin-right: 0.3rem; }
  .banner .b_inner.block {
    display: block; }

/*nav*/
.nav {
  width: 100%;
  height: 2.15rem;
  border-bottom: 0.14rem solid #f2f2f5; }
.nav li {
    width: 25%;
    height: 100%;
    float: left;
    position: relative; }
.nav li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding-top: 0.3rem;
    font-size: 0.28rem;
    color: #595959;
    text-align: center; }
.nav li a img{
    display: block;
    height: : 1rem;
    margin: 0 auto;
    margin-bottom: 0.1rem;
}
  .nav li:nth-child(1) {
    background-size: 0.89rem 0.82rem;
    background-position: center 0.4rem; }
  .nav li:nth-child(2) {
    background-size: 0.86rem 0.83rem;
    background-position: center 0.4rem; }
  .nav li:nth-child(3) {
    background-size: 0.85rem 0.78rem;
    background-position: center 0.4rem; }
  .nav li:nth-child(4) {
    background-size: 0.87rem 0.79rem;
    background-position: center 0.4rem; }

/*register*/
.register {
  width: 100%;
  height: 2.7rem;
  border-bottom: 0.14rem solid #f2f2f5; }
  .register .r_font {
    padding-left: 0.3rem;
    padding-top: 0.98rem;
    width: 66.66667%;
    height: 100%;
    background: url(../images/s16.png) no-repeat;
    background-size: 2.69rem 0.36rem;
    background-position: 0.3rem 0.55rem; }
    .register .r_font p {
      font-size: 0.26rem;
      color: #898989; }
      .register .r_font p span {
        color: #ff6765;
        font-size: 0.26rem; }
    .register .r_font .link {
      width: 2.03rem;
      height: 0.55rem;
      border-radius: 0.3rem;
      background: #d02431;
      position: relative;
      margin-top: 0.1rem; }
      .register .r_font .link a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        font-size: 0.25rem;
        color: #fff;
        line-height: 0.55rem;
        text-align: center; }

/*hot*/
.hot {
  width: 100%;
  height: 5.25rem;
  border-bottom: 0.14rem solid #f2f2f5; }
  .hot .hot_title {
    width: 100%;
    height: 0.78rem;
    position: relative; }
    .hot .hot_title a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0 0.2rem; }
      .hot .hot_title a div {
        width: 50%;
        height: 100%;
        float: left;
        font-size: 0.35rem;
        color: #4d4d4d;
        line-height: 0.78rem;
        font-weight: 600; }
      .hot .hot_title a div:nth-child(2) {
        background: url(../images/yj.png) no-repeat;
        background-size: 0.15rem 0.27rem;
        background-position: center right;
        font-size: 0.29rem;
        color: #565656;
        line-height: 0.85rem;
        text-align: right;
        padding-right: 0.25rem;
        font-weight: 500; }
  .hot .hot_inner {
    width: 100%;
    height: 4.35rem; }
    .hot .hot_inner li {
      width: 33.33%;
      height: 50%;
      border-top: 1px solid #f2f2f5;
      float: left;
      border-right: 1px solid #f2f2f5;
      position: relative; }
      .hot .hot_inner li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        padding-top: 1.4rem;
        font-size: 0.28rem;
        color: #595959;
        text-align: center; }
    .hot .hot_inner li:nth-child(1) {
      background: url(../images/s21.png) no-repeat;
      background-size: 0.55rem 0.75rem;
      background-position: center 0.45rem; }
    .hot .hot_inner li:nth-child(2) {
      background: url(../images/s22.png) no-repeat;
      background-size: 0.75rem 0.74rem;
      background-position: center 0.45rem; }
    .hot .hot_inner li:nth-child(3) {
      background: url(../images/s23.png) no-repeat;
      background-size: 0.72rem 0.69rem;
      background-position: center 0.45rem;
      border-right: 1px solid #fff; }
    .hot .hot_inner li:nth-child(4) {
      background: url(../images/s24.png) no-repeat;
      background-size: 0.56rem 0.81rem;
      background-position: center 0.45rem; }
    .hot .hot_inner li:nth-child(5) {
      background: url(../images/s25.png) no-repeat;
      background-size: 0.66rem 0.78rem;
      background-position: center 0.45rem; }
    .hot .hot_inner li:nth-child(6) {
      border-right: 1px solid #fff;
      background: url(../images/s26.png) no-repeat;
      background-size: 0.71rem 0.77rem;
      background-position: center 0.45rem; }

/*Boutique*/
.boutique {
  width: 100%;
  height: 8.3rem; }
  .boutique .bou_title {
    width: 100%;
    height: 0.78rem;
    position: relative; }
    .boutique .bou_title a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0 0.2rem; }
      .boutique .bou_title a div {
        width: 50%;
        height: 100%;
        float: left;
        font-size: 0.35rem;
        color: #4d4d4d;
        line-height: 0.78rem;
        font-weight: 600; }
      .boutique .bou_title a div:nth-child(2) {
        background: url(../images/yj.png) no-repeat;
        background-size: 0.15rem 0.27rem;
        background-position: center right;
        font-size: 0.29rem;
        color: #565656;
        line-height: 0.85rem;
        text-align: right;
        padding-right: 0.25rem; }
  .boutique .bou_inner {
    width: 100%;
    height: 3.68rem; }
    .boutique .bou_inner li {
      width: 50%;
      height: 100%;
      float: left;
      position: relative; }
      .boutique .bou_inner li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        padding-left: 0.2rem;
        text-align: left; }
        .boutique .bou_inner li a img {
          width: 3.35rem;
          height: 2.5rem; }
        .boutique .bou_inner li a p {
          font-size: 0.28rem;
          color: #595959;
          margin-top: 0.05rem;
          line-height: 0.4rem; }
        .boutique .bou_inner li a span {
          font-size: 0.28rem;
          color: #959595;
          line-height: 0.4rem; }
    .boutique .bou_inner li:nth-child(2) a {
      padding-right: 0.2rem; }

/*moods*/
.moods {
  width: 100%;
  height: 8.5rem; }
  .moods .moods_title {
    width: 100%;
    height: 0.78rem;
    font-size: 0.35rem;
    color: #4d4d4d;
    line-height: 0.78rem;
    padding: 0 0.2rem;
    font-weight: 600; }
  .moods .moods_inner {
    width: 100%;
    height: 7.72rem; }
    .moods .moods_inner li {
      width: 50%;
      height: 3.7rem;
      float: left;
      position: relative; }
      .moods .moods_inner li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        padding-left: 0.2rem; }
        .moods .moods_inner li a img {
          width: 3.35rem;
          height: 2.55rem; }
        .moods .moods_inner li a p {
          font-size: 0.28rem;
          color: #595959;
          margin-top: 0.05rem;
          line-height: 0.4rem; }
        .moods .moods_inner li a span {
          font-size: 0.28rem;
          color: #959595;
          line-height: 0.4rem; }
    .moods .moods_inner li:nth-child(2) a, .moods .moods_inner li:nth-child(4) a {
      padding-right: 0.2rem; }
.zhezhao{
  position: fixed;
  top:0;left: 0;
  right: 0;bottom:0;
  margin: auto;
  background: rgba(0,0,0,0.4);
  z-index: 8888888;
}
.yhq{
  width: 6.36rem;
  height: 6.72rem;
  position: fixed;
  top:0;left: 0;
  right: 0;bottom:0;
  margin: auto;
  background: url(../images/yhq.png)no-repeat;
  background-size: cover;
  z-index: 8888888888888888;
}
.yhq a{
  position: absolute;
  top:78%;left: 0;
  width: 4rem;height: 1rem;
  right: 0;
  margin: auto;
}
.yhq .guanbi{
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  top:0;right: 0;
  margin: auto;
}